<template>
  <view class="container">
    <scroll-view class="scroll-cont" scroll-y>
      <view class="site-item" v-for="(item, index) in siteList" :key="index">
        <view class="site-name">{{ item }}</view>
      </view>
      <ve-gap size="2"></ve-gap>
      <view class="static-count">共有{{ siteList.length }}家门店</view>
    </scroll-view>
  </view>
</template>

<script setup>
  const siteList = uni.getStorageSync('syncOtaPriceSite')
</script>

<style lang="less" scoped>
  .container {
    height: 100vh;
    width: 100%;
    background: #f7f8fa;
  }

  .site-item {
    position: relative;
    background: #ffffff;
    box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(0, 0, 0, 0.05);
    border-radius: 8rpx;
    padding: 32rpx;
    margin: 24rpx;
    .site-name {
      color: rgba(0, 0, 0, 0.85);
      line-height: 44rpx;
      font-size: 32rpx;
    }
  }
  .static-count {
    width: 100%;
    text-align: center;
    height: 44rpx;
    line-height: 44rpx;
    font-size: 24rpx;
    color: #86909c;
  }
</style>
